<script>
export default {
  name: 'BaseNav',
  functional: true,
  render(createElement, context) {
    return (
      <nav class="base-nav">
        
        <router-link tag="a" to={{path: '/'}}>
          <img class="left-side logo" src="https://s1.ax1x.com/2020/10/07/0aXWVJ.png" alt="" />
        </router-link>
        
        <ul class="nav-item-box">
          <li class="nav-item">
            <div class="item-att">Home</div>
            <router-link tag="div" class="item" to={{name: 'Home'}}>首页</router-link>
          </li>
          <li class="nav-item">
            <div class="item-att">Menu</div>
            <router-link tag="div" class="item" to={{name: 'Classify'}}>分类</router-link>
          </li>
          {/*
            <li class="nav-item">
              <div class="item-att">Shop</div>
              <div class="item">商城</div>
            </li>
          */}
          <li class="nav-item">
            <div class="item-att">Mine</div>
            <router-link tag="div" class="item" to={{name: 'Mine'}}>我的</router-link>
          </li>
        </ul>
      </nav>
    )
  }
}
</script>

<style lang="less">
  @import url('./base_nav.less');
</style>